.header{
	width: 100%;
	margin-top: 1.5rem;
}
.header ul{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.header ul li a{
	color: #3b3b3b;
	font-size: 1.9375rem;
}
.header ul li:nth-child(1) a{
	font-size: 2.3125rem;
	color: #000;
	margin-left: 1.6875rem;
}
.header ul li:nth-child(6) a{
	margin-right: 2.625rem;
}
.hot{
	width: 100%;
	margin-bottom: 200px;
}
.hot ul li:nth-child(1){
	margin-top: 2.1875rem;
}
.hot ul li a img{
	float: left;
	margin-left: 1.875rem;
	margin-right: 1.375rem;
}
.hot ul li a p{
	font-size: 2rem;
	color: #000;
	padding-top: 1.75rem;
}
.hot ul .hr{
	width: 92%;
	height: 0.125rem;
	background-color: #e5e8ec;
	margin: 5rem auto 1.875rem;
}
@media screen and (min-width:980px) {
	.header ul li:nth-child(1) a{
		font-size: 45px;
	}
	.header ul li a{
		font-size: 33px;
	}
	.header ul li a img{
		width: 40%;
	}
	.hot ul li a img{
		width: 32%;
	}
	.hot ul li a p{
		font-size: 34px;
	}
}

@media only screen and (min-width : 851px) and (max-width : 979px){
	.header ul li:nth-child(1) a{
		font-size: 43px;
	}
	.header ul li a{
		font-size: 32px;
	}
	.header ul li a img{
		width: 38%;
	}
	.hot ul li a img{
		width: 32%;
	}
	.hot ul li a p{
		font-size: 32px;
	}
}
@media only screen and (min-width : 770px) and (max-width : 850px){
	.header ul li:nth-child(1) a{
		font-size: 41px;
	}
	.header ul li a{
		font-size: 31px;
	}
	.header ul li a img{
		width: 36%;
	}
	.hot ul li a img{
		width: 32%;
	}
	.hot ul li a p{
		font-size: 30px;
	}
}
@media only screen and (min-width : 741px) and (max-width : 769px){
	.header ul li:nth-child(1) a{
		font-size: 40px;
	}
	.header ul li a{
		font-size: 30px;
	}
	.header ul li a img{
		width: 35%;
	}
	.hot ul li a img{
		width: 32%;
	}
	.hot ul li a p{
		font-size: 28px;
	}
}
@media only screen and (min-width : 701px) and (max-width : 740px){
	.header ul li:nth-child(1) a{
		font-size: 38px;
	}
	.header ul li a{
		font-size: 28px;
	}
	.header ul li a img{
		width: 33%;
	}
	.hot ul li a img{
		width: 31%;
	}
	.hot ul li a p{
		font-size: 27px;
	}
}
@media only screen and (min-width : 651px) and (max-width : 700px){
	.header ul li:nth-child(1) a{
		font-size: 33px;
	}
	.header ul li a{
		font-size: 26px;
	}
	.header ul li a img{
		width: 31%;
	}
	.hot ul li a img{
		width: 32%;
	}
	.hot ul li a p{
		font-size: 26px;
	}
}
@media only screen and (min-width : 601px) and (max-width : 650px){
	.header ul li:nth-child(1) a{
		font-size: 30px;
	}
	.header ul li a{
		font-size: 24px;
	}
	.header ul li a img{
		width: 29.5%;
	}
	.hot ul li a img{
		width: 34%;
	}
	.hot ul li a p{
		font-size: 25px;
	}
}
@media only screen and (min-width : 520px) and (max-width : 600px){
	.header ul li:nth-child(1) a{
		font-size: 28px;
	}
	.header ul li a{
		font-size: 22px;
	}
	.header ul li a img{
		width: 27%;
	}
	.hot ul li a img{
		width: 36%;
	}
	.hot ul li a p{
		font-size: 24px;
	}
}
@media only screen and (min-width : 461px) and (max-width : 529px){
	.header ul li:nth-child(1) a{
		font-size: 28px;
	}
	.header ul li a{
		font-size: 22px;
	}
	.header ul li a img{
		width: 27%;
	}
	.hot ul li a img{
		width: 32%;
	}
	.hot ul li a p{
		font-size: 20px;
	}
}
@media only screen and (min-width : 401px) and (max-width : 460px){
	.header ul li:nth-child(1) a{
		font-size: 24px;
	}
	.header ul li a{
		font-size: 18px;
	}
	.header ul li a img{
		width: 25%;
	}
	.hot ul li a img{
		width: 38%;
	}
	.hot ul li a p{
		font-size: 18px;
	}
}
@media only screen and (min-width : 301px) and (max-width : 400px){
	.header ul li:nth-child(1) a{
		font-size: 18px;
	}
	.header ul li a{
		font-size: 12px;
	}
	.header ul li a img{
		width: 24%;
	}
	.hot ul li a img{
		width: 34%;
	}
	.hot ul li a p{
		font-size: 17px;
	}
}
